<template>
  <div class="dog">
    <img :src="img" alt="" />
    <br />
    <div class="text">{{ word }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      img: 'https://scpic.chinaz.net/files/pic/pic9/202003/zzpic23514.jpg',
      word: '这是一个孤独的燕子',
    }
  },
}
</script>

<style>
.dog {
  border: 1px solid black;
  width: 520px;
}
.text {
  text-align: center;
  height: 50px;
}
img {
  width: 100%;
}
</style>
